<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<!DOCTYPE html>
<head>
<title>收信箱</title>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
</head>

       
<body>
		                        


 <!-- Main content -->
	<section class="content-header">
		<h4>站内信箱</h4>
	</section>

  <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-md-3">
              <a href="${ctx}/jsp/mailbox/compose.jsp" class="btn btn-primary btn-block margin-bottom-10"><i class="fa fa-pencil"></i> 写信</a>
              <div class="box box-solid">
                <div class="box-header with-border">
                  <h3 class="box-title">文件夹</h3>
                    <div class="box-tools  pull-right">
                     <button class="btn btn-default btn-sm" data-widget="collapse">
                       <i class="fa fa-minus"></i></button>
                     </div> 
              
                </div>
                <div class="box-body no-padding">
                  <ul class="nav nav-pills nav-stacked">
                    <li><a href="${ctx}/jsp/mailbox/mailbox.jsp"><i class="fa fa-inbox"></i> 收信箱 <span class="label label-primary pull-right">12</span></a></li>
                    <li><a href="#"><i class="fa fa-envelope-o"></i> 发信箱</a></li>
                    <li><a href="#"><i class="fa fa-file-text-o"></i> 草稿箱</a></li>
                    <li><a href="#"><i class="fa fa-trash-o"></i> 垃圾箱</a></li>
                  </ul>
                </div><!-- /.box-body -->
              </div><!-- /. box -->
              <div class="box box-solid">
                <div class="box-header with-border">
                  <h3 class="box-title">文件分类</h3>
                  <div class="box-tools  pull-right">
                     <button class="btn btn-default btn-sm" data-widget="collapse">
                       <i class="fa fa-minus"></i></button>
                     </div> 
                </div>
                <div class="box-body no-padding">
                  <ul class="nav nav-pills nav-stacked">
                    <li><a href="#"><i class="fa fa fa-circle-o text-red"></i>重要文件</a></li>
                    <li><a href="#"><i class="fa fa fa-circle-o text-yellow"></i> 待处理文件</a></li>
                    <li><a href="#"><i class="fa fa fa-circle-o text-blue"></i> 日常文件</a></li>
                  </ul>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
            </div><!-- /.col -->
            
            <div class="col-md-9">
              <div class="box box-primary">
                <div class="box-header with-border">
                  <h3 class="box-title">详情</h3>
                  <div class="box-tools pull-right">
                    <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="上一条"><i class="fa fa-chevron-left"></i></a>
                    <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="下一条"><i class="fa fa-chevron-right"></i></a>
                  </div>
                </div><!-- /.box-header -->
                <div class="box-body no-padding">
                  <div class="mailbox-read-info">
                    <h3>紧急待处理bug</h3>
                    <h5>发信人: test@paiu.com.cn <span class="mailbox-read-time pull-right"> 2015/2/15 11:03</span></h5>
                  </div><!-- /.mailbox-read-info -->
                  <div class="mailbox-read-message">
							<p>Hello 管理员：</p>
							<p class="indent">道可道，非常道。名可名，非常名。 无名天地之始；有名万物之母。 故常无欲以观其妙；常有欲以观其徼。</p>
							<p style="padding-left: 4em;">
								曲 则 全 ， 枉 则 直 ， 洼 则 盈 ， 敝 则 新 ， 少 则 得 ， 多 则 惑 。
								<br> 是 以 圣 人 抱 一 为 天 下 式 。 <br>不 自 见 ， 故 明 ﹔ <br> 不 自 是 ， 故 彰 ﹔ <br>不
								自 伐 ， 故 有 功 ﹔ <br> 不 自 矜 ， 故 长 。 <br>夫 唯 不 争 ， 故 天 下 莫 能 与 之 争 。 <br>古
								之 所 谓 「 曲 则 全 」 者 ， 岂 虚 言 哉 。 诚 全 而 归 之 。
							</p>
							
							<p class="indent">天下皆知美之为美，斯恶已；皆知善之为善，斯不善已。故有无相生，难易相成，长短相形，高下相倾，音声相和，前后相随。 是以圣人处无为之事，行不言之教。万物作焉而不辞，生而不有，为而不恃，功成而弗居。夫唯弗居，是以不去。</p>
							<p class="text-right">
								Thanks，test
							</p>
						</div><!-- /.mailbox-read-message -->
                </div><!-- /.box-body -->
                <div class="box-footer">
						<ul class="mailbox-attachments clearfix" style="padding-left:0px;">
							<li><span class="mailbox-attachment-icon"><i
									class="fa fa-file-pdf-o"></i>
							</span>
								<div class="mailbox-attachment-info">
									<a href="#" class="mailbox-attachment-name"><i
										class="fa fa-paperclip"></i> 2015/7-报告.pdf</a> <span
										class="mailbox-attachment-size"> 1,245 KB <a href="#"
										class="btn btn-default btn-xs pull-right"><i
											class="fa fa-cloud-download"></i>
									</a> </span>
								</div></li>
							<li><span class="mailbox-attachment-icon"><i
									class="fa fa-file-word-o"></i>
							</span>
								<div class="mailbox-attachment-info">
									<a href="#" class="mailbox-attachment-name"><i
										class="fa fa-paperclip"></i> App说明文档.docx</a> <span
										class="mailbox-attachment-size"> 1,245 KB <a href="#"
										class="btn btn-default btn-xs pull-right"><i
											class="fa fa-cloud-download"></i>
									</a> </span>
								</div></li>
							<li><span class="mailbox-attachment-icon has-img"><img
									src="${ctx}/static/v2/img/photo1.png" />
							</span>
								<div class="mailbox-attachment-info">
									<a href="#" class="mailbox-attachment-name"><i
										class="fa fa-camera"></i> photo1.png</a> <span
										class="mailbox-attachment-size"> 2.67 MB <a href="#"
										class="btn btn-default btn-xs pull-right"><i
											class="fa fa-cloud-download"></i>
									</a> </span>
								</div></li>
							<li><span class="mailbox-attachment-icon has-img"><img
									src="${ctx}/static/v2/img/photo2.png" />
							</span>
								<div class="mailbox-attachment-info">
									<a href="#" class="mailbox-attachment-name"><i
										class="fa fa-camera"></i> photo2.png</a> <span
										class="mailbox-attachment-size"> 1.9 MB <a href="#"
										class="btn btn-default btn-xs pull-right"><i
											class="fa fa-cloud-download"></i>
									</a> </span>
								</div></li>
						</ul>
					</div><!-- /.box-footer -->
                <div class="box-footer">
                  <div class="pull-right">
                    <button class="btn btn-default"><i class="fa fa-reply"></i> 回复</button>
                    <button class="btn btn-default"><i class="fa fa-share"></i> 转发</button>
                  </div>
                  <button class="btn btn-default"><i class="fa fa-trash-o"></i> 删除</button>
                  <button class="btn btn-default"><i class="fa fa-print"></i> 打印</button>
                </div><!-- /.box-footer -->
              </div><!-- /. box -->
            </div><!-- /.col -->
          </div><!-- /.row -->
        </section><!-- /.content -->   
   
   
</body>
</html>